<!--
  Generated template for the TableQrPage page.

  See http://ionicframework.com/docs/components/#navigation for more info on
  Ionic pages and navigation.
-->
<ion-header>

  <ion-navbar>
    <ion-title>生成桌号二维码</ion-title>
  </ion-navbar>

</ion-header>


<ion-content padding>
  <ion-item>
    <ion-label class="ion-width-33-ctrl">选择桌号</ion-label>
    <ion-select class="ion-width-67-ctrl text-align-right"
                cancelText="取消" okText="确定" multiple="false"
                placeholder="请选择桌号" [(ngModel)]="tableIndex">
      <ng-container *ngFor="let table of tables;let i = index">
        <ion-option value="{{i}}">{{table.tableNo}}</ion-option>
      </ng-container>
    </ion-select>
  </ion-item>
  <button ion-button full (click)="getTableQrCode()" style="margin-top: 30px">生成二维码</button>
  <div class="a-container">
    <a href="{{getAllTableCodeUrl}}">一次性获取所有桌面二维码并下载zip</a>
  </div>

</ion-content>
